<script setup lang="ts">
import { RouterView } from 'vue-router';

</script>

<template>
  <RouterView/>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}

.common-layout {
  height: 100vh;
  width: 100vw; /* 添加这行 */
}

.common-layout .el-container {
  height: 100%;
  width: 100%; /* 添加这行 */
}

.header {
  background-color: #409eff;
  color: white;
  display: flex;
  align-items: center;
  width: 100%; /* 确保header撑满宽度 */
}

.aside {
  background-color: #ecf5ff;
  color: black;
  height: 100%;
}

.main {
  background-color: #f5f7fa;
  color: black;
  height: 100%;
}
</style>
